.formPop {
  .form-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 0 !important;
    padding-bottom: 10px;

    .scroll-item {
      width: 100%;
      max-height: 244px;
      overflow-y: scroll;

      &::-webkit-scrollbar {
        width: 4px;
      }

      &::-webkit-scrollbar-track {
        display: none;
      }

      &::-webkit-scrollbar-thumb {
        background-color: #888;
      }
    }

    .item {
      box-sizing: content-box;
      display: flex;
      align-items: center;
      height: 40px;
      padding: 0 20px;

      img {
        width: 18px;
      }

      &:hover {
        background: #f6f6f6;
      }
    }

    .one {
      display: block;
      flex-shrink: 0;
      align-items: center;
      height: 70px;
      background: #fff;
      box-shadow: 0 1px 0 0 #ededed;

      img {
        position: absolute;
        right: 20px;
        width: 20px;
        height: 20px;
        cursor: pointer;
      }
    }
  }

  .form-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-top: 1px solid #e7e7e7;
  }
}

.condition-btn {
  padding: 10px 12px 0;
  text-align: right;

  .search-btn {
    width: 60px;
    height: 28px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
  }
}

.poper-content-option {
  display: flex;
  align-items: center;
  justify-content: space-between;

  &:hover {
    .poper-content-option-delete-icon {
      display: block;
    }
  }

  .poper-content-option-delete-icon {
    display: none;
  }
}

.condition-form {
  position: relative;
  padding: 15px 15px 10px 10px;
  background-color: #fff;

  .form-left {
    display: flex;
    flex: 1;
    overflow: hidden;
  }

  .more-four-condition {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    min-height: 30px;

    &-title {
      height: 26px;
      font-size: 12px;
      font-weight: 500;
      line-height: 26px;
      color: #333;
    }

    &-item {
      display: flex;
      align-items: center;
      max-width: 420px;
      height: 26px;
      padding: 0 10px;
      margin: 0 4px 8px;
      font-size: 12px;
      color: #fff;
      background: #eb5c20;
      border-radius: 2px;

      &-lable {
        margin-right: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      :deep() .el-icon {
        cursor: pointer;
      }
    }
  }

  .form-content {
    display: flex;

    .form-btn {
      display: flex;
      margin: 12px 0 0;
    }
  }

  .form-btn {
    .btn-group {
      display: flex;

      .search-btn {
        width: 58px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
      }

      .save-btn {
        border: none;
      }

      .icon-search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        margin-right: 8px;
        border: 1px solid #dcdcdc;
        border-radius: 2px;

        &:hover {
          cursor: pointer;
          background: #f3f3f3;
        }
      }
    }
  }

  .underline {
    position: relative;
    top: 0;
    z-index: 998;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background: #ededed;
  }

  .top-right {
    transition: all 0.3s;
  }

  :deep() .form-filter {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-end;
    // justify-content: flex-start;
    background: #fff;

    .form-filter-left {
      display: flex;

      .el-button+.el-button {
        margin-left: 8px;
      }
    }

    .form-name {
      position: absolute;
      left: 0;
      font-size: 15px;
      font-weight: 500;
      color: #333;
    }

    img {
      width: 32px;
      height: 32px;
      cursor: pointer;
    }

    .check {
      background: #000;
    }
  }
}

// 统一设置表单上下间距缩小一半
:deep() .el-form-item {
  margin-bottom: 8px;
}

.my-form-item {
  border: 1px solid #e1e1e1;
  padding:1px 0 0 10px;
  border-radius: 4px;
}



:deep() .el-date-editor,
:deep().el-input__wrapper,
:deep() .el-select__wrapper {
  height: 26px !important;
  min-height: 26px;
  box-shadow: 0 0 0 1px #dcdfe600 inset !important;
}

:deep().el-select__wrapper .is-focused{
    box-shadow: 0 0 0 1px #dcdfe600 inset !important;
}

:deep() .el-form-item__content {
  // height: 26px !important;
  line-height: 26px;
}

:deep() .el-select {
  width: 100%;
  height: 26px;
}

.margin_10 {
  margin-top: 10px;
}

:deep() .el-input__inner {
  height: 26px !important;
}

:deep() {

  .el-range-input,
  .el-input__inner {
    font-size: 12px;
  }
}

:deep() .el-form-item__label {
  align-items: center !important;
  // width: 90px !important;
  height: 26px !important;
  font-size: 12px;
  line-height: 13px;
  // font-family: "pfr";
  color: #333;
  text-align: right;
  word-wrap: break-word;
}

:deep() .label-keep-inline {
  .el-form-item__label {
    width: auto !important;
  }
}

:deep() .el-checkbox__inner {
  background-color: #fff;
  border: 1px solid #dcdcdc;
}

:deep() .el-input__wrapper {
  border-radius: 2px;
}

:deep() .is-checked::after {
  background-color: #eb5c20;
}

:deep() .is-focus::after {
  background-color: #eb5c20;
}

:deep() .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #eb5c20;
  border-color: #eb5c20;
}

.form_filter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  cursor: pointer;
  border: 1px solid #dcdcdc;
  border-radius: 2px;

  &:hover {
    cursor: pointer;
    background: #f3f3f3;
  }
}

:deep() .el-input__wrapper {
  box-shadow: 0 0 0 1px #ffffff00;
}

:deep() .el-select .el-input.is-focus .el-input__wrapper{
   box-shadow: 0 0 0 1px #ffffff00 !important;
}
:deep() .el-select .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #ffffff00 !important;
}

:deep().el-select:hover:not(.el-select--disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px #c0c4cc00 inset;
}